window.addEventListener("load", function () {
	// 获取元素
	let hNodes = $("h4");
	let messages = $(".second");
	console.log(messages);
	// 默认状态
	hNodes[0].classList.add("on");
	messages[0].classList.add("on1");
	// 遍历绑定点击事件
	tab("h4", "on", ".second", "on1");

	// 判断
	const user2 = $("#user2");
	const password2 = $("#password2");
	// 登录表单提交事件
	$(".login").addEventListener("submit", function (event) {
		if (!reg1.test(user2.value.trim())) {
			// 验证错误函数调用
			testError(user2, "用户名输入错误");
			event.preventDefault();
		}
		if (!reg3.test(password2.value.trim())) {
			testError(password2, "密码输入错误");
			event.preventDefault();
		}
		if (reg1.test(user2.value.trim()) && reg3.test(password2.value.trim())) {
		} else {
			event.preventDefault();
		}
		// 表单验证函数
		// 验证表单
	});
	var reg1 = /^[a-zA-Z0-9]{6,20}$/;
	var reg3 = /^\d{6,12}$/;
	// 登录用户名
	user2.addEventListener("blur", function () {
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(user2, "用户名不得为空");
		}
		if (!reg1.test(this.value.trim())) {
			testError(user2, "用户名格式错误");
		} else {
			testSuccess(user2);
		}
	});
	// 登录密码
	password2.addEventListener("blur", function () {
		// 判断
		if (this.value.trim() === "") {
			// 验证错误函数调用
			testError(password2, "密码不得为空");
		} else if (!reg3.test(this.value.trim())) {
			testError(password2, "密码格式不正确");
		} else {
			testSuccess(password2);
		}
	});
	// 验证失败
	function testError(input, message) {
		// 获取父节点
		const parentNode = input.parentElement;
		// 父节点提添加失败类
		parentNode.classList.add("error");
		parentNode.classList.remove("success");
		parentNode.querySelector(".text").textContent = message;
		parentNode.querySelector(".iconfont3").style.display = "block";
	}
	// 验证成功
	function testSuccess(input) {
		// 获取父节点
		const parentNode = input.parentElement;
		// 父节点提添加失败类
		parentNode.classList.add("success");
		parentNode.classList.remove("remove");
		parentNode.querySelector(".text").textContent = "";
		parentNode.querySelector(".iconfont3").style.display = "none";
	}
});
